@font-face {
	font-family: uniicons;
	font-weight: normal;
	font-style: normal;
	src: url('https://img-cdn-qiniu.dcloud.net.cn/fonts/uni.ttf') format('truetype');
}
@font-face {
	font-family: 'MiSans-Semibold';
	font-weight: normal;
	font-style: normal;
	src: url('https://grzq-oss.wajx.top/static/fonts/ttf/MiSans-Semibold.ttf') format('truetype');
}
@font-face {
	font-family: 'MiSans-Regular';
	font-weight: normal;
	font-style: normal;
	src: url('https://grzq-oss.wajx.top/static/fonts/ttf/MiSans-Regular.ttf') format('truetype');
}
.clearfix::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.default-tab-color{
	color:#A3A3A3;
}

.main-color {
	color: #4CA8FF;
}
.second-color{
	color:#B59B8D;
}
.third-color{
	color:#F17C70;
}
.name-color{
	color:#999999;
}

.sign-color {
	color: #717171;
}

.cancel-color{
	color:#959595;
}

.privacy-color{
	color:#2596FF;
}
.legend-color {
	color: #666;
}

.share-text-color{
	color:#C6C6C6;
}

.sing-color {
	color: #9100ae;
}

.white-space-inital {
	white-space: initial;
}

.newdefault-color {
	color: #2e2e2e;
}

.newtext-color {
	color: #9e9e9e;
}

.color {
	color: #FF3732;
	line-height: 24rpx;
}

.underline-color {
	color: rgba(254, 254, 254, 1);
}

.black-color{
	color:#000;
}

.flex {
	display: flex;
}
.contents {
	display: contents;
}

.flex-sb {
	justify-content: space-between;
}

.flex-ver {
	align-items: center;
}

.flex-end {
	justify-content: flex-end;
}

.flex-c {
	justify-content: center;
}

.flex-start {
	justify-content: flex-start;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-center {
	justify-content: center;
	align-items: center;
}

.align-center {
	align-content: center;
}

.align-content {
	align-content: space-between;
}

.align-content-end{
	align-content:flex-end;
}

.flex-sa {
	justify-content: space-around;
}

.flex-ver-start {
	align-items: flex-start;
}

.flex-ver-end {
	align-items: flex-end;
}

.rounded-0 {
	border-radius: 0 !important;
}

.flex-1 {
	flex: 1;
}

.flex-dc {
	flex-direction: column;
}

.no-wrap{
	white-space: nowrap;
}

.ac {
	text-align: center;
}

.ar {
	text-align: right;
}

.al {
	text-align: left;
}

.w-40{
	width: 40%!important;
}
.w-50 {
	width: 50%!important;
}
.w-60 {
	width: 60%!important;
}
.w-100 {
	width: 100%!important;
}

.h-100 {
	height: 100%;
}

.h100vh{
	height:100vh;
}

.border{
	border:1px solid #F7F7F7;
}

.input-bg{
	background-color: #F7F7F7;
	border-radius: 20rpx;
}

.bg-color{
	background-color: #3264ed;
	border-radius: 20rpx;
}

.border-0 {
	border: 0;
}

.d-block {
	display: block;
}

.border-bottom {
	border-bottom: 1px solid rgba(243, 243, 243, 1);
}

/* 修改全额付和抵扣付 */


.all_name {
	background: #ff624d;
	border-radius: 5rpx;
	padding: 5rpx;
	color: #ffffff;
	width: 100rpx;
	text-align: center;
}

.offset_name {
	background: #fed6a1;
	border-radius: 5rpx;
	padding: 5rpx;
	color: #ff624d;
	width: 100rpx;
	text-align: center;
}


.lh1 {
	line-height: 1;
}

.lh2 {
	line-height: 2;
}

.lh15 {
	line-height: 1.5;
}

.lh48 {
	line-height: 48rpx !important;
}

/* //input readonly 去掉默认边框 */
.border-0>.el-input__inner {
	border: 0;
}

/* .h-100 {
	height: 100%;
} */


.fl {
	float: left;
}

.fr {
	float: right;
}

.w300 {
	width: 300rpx;
}

.legend {
	padding: 0 10rpx;
	color: #666;
}

.break-all {
	word-break: break-all;
}

.gt {
	width: 14rpx;
	height: 25rpx;
}

.fieldset {
	border-color: #e6e6e6;
	margin-top: 20rpx;
	border-width: 1px 0 0;
}


.hide{
	display: none;
}

.minus-back{
	width: 19rpx;
	height: 36rpx;
	// transform:rotate(180deg);
}


.rotate-back-icon{
	width: 12rpx;
	height: 22rpx;
	transform:rotate(180deg);
}

.plus-to{
	//  > 代表下一级目前还没有需求 之后补全样式
}

.price-color{
	color:#FEAB36;
}

.color-white {
	color: #fff;
}

.next-icon {
	width: 9rpx;
	height: 16rpx;
}

.mx-auto{
	margin:0 auto;
}

.bgcfff {
	background-color: #fff!important;
	background-image: none!important;
}
.bgcred {
	background-color: #FEBC3E!important;
}

.bggray{
	background-color: #F5F6FB!important;
}

.back-btn{
	width: 18rpx;
	height: 32rpx;
}

.red {
	color: red;
}

.relative {
	position: relative;
}

.fixed{
	width: 100%;
	position: fixed;
	top:0;left:0;
	z-index:500;
}

.black {
	color: #000;
}

.fwb {
	font-weight: bold;
}

.radius-14 {
	border-radius: 14rpx;
}

.text-overflow_fu {
	max-width: 400rpx;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.text-overflow {
	overflow: hidden;
	/*超出部分隐藏*/
	text-overflow: ellipsis;
	/* 超出部分显示省略号 */
	white-space: nowrap;
	/*规定段落中的文本不进行换行 */
}

.text-overflow2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	overflow: hidden;
}

.text-overflow3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-break: break-all;
	overflow: hidden;
}

.badge-baoyou {
	width: 60rpx;
	box-sizing: content-box;
	/* height:28rpx; */
	padding: 4rpx;
	background: rgba(253, 224, 221, 1);
	font-size: 23rpx;
	font-weight: bold;
	color: rgba(240, 32, 4, 1);
	text-align: center;
	margin-right: 10rpx;
}

.badge {
	background: #FF4838;
	border-radius: 18rpx;
	color: #fff;
	margin-right: 12rpx;
	padding: 4rpx 10rpx;
	text-align: center;
	width: fit-content;

}

/* .border-bottom {
	border-bottom: 1px solid rgba(236, 237, 239, 1);
} */

.line-through {
	text-decoration: line-through;
}

.status_bar {

	// safe-area-inset-top微信开发者中不生效 bottom生效 暂时使用bottom 使用真机测试时 打开top注释   把bottom注释 试试
	// height: calc( var(--status-bar-height) + env(safe-area-inset-top) );
	height: calc(var(--status-bar-height) + env(safe-area-inset-top) );
	width: 100%;
}


.jd-zy {
	color: #fff;
	font-weight: 500;
	font-size: 24rpx;
	padding: 0 8rpx 0 10rpx;
	width: 116rpx;
	height: 30rpx;
	line-height: 30rpx !important;
	text-align: center;
	background: rgba(255, 67, 54, 1);
	border-radius: 14rpx;
	margin-bottom: 9rpx;
}

.br-14 {
	border-radius: 14rpx;
}

.color_7c {
	color: #7c7c7c;
}

.sku {
	background-color: #f3f3f3;
	color: #7c7c7c;
	padding: 20rpx 20rpx;
	border-radius: 15rpx;
	margin-left: 25rpx;
}

.sku_img {
	width: 75rpx;
	height: 75rpx;
	margin-right: 10rpx;
}

.reduce {
	border-radius: 10rpx;
	border: 1rpx solid #de3836;
	padding: 5rpx 8rpx;
	color: #fe2c2d;
}

.btn {
	width: 165rpx;
	height:68rpx;
	line-height: 68rpx;
	text-align: center;
	border-radius: 40rpx;
}

.column-text{
	height: 100%;
	text-align: center;
	writing-mode: vertical-lr;
}

.to-pay {
	background-image:linear-gradient(to bottom,#FEBC3E,#FE9E2F);
	color: #fff;
}

/* 高度全局样式
------------------------------- */
@for $i from 1 through 1000 {
	.h#{$i} {
		height: #{$i}rpx !important;
	}
}
/* 宽度全局样式
------------------------------- */
@for $i from 1 through 1000 {
	.w-#{$i} {
		width: #{$i}%!important;
	}
}
/* 宽度全局样式
------------------------------- */
@for $i from 1 through 1000 {
	.w#{$i} {
		width: #{$i}rpx !important;
	}
}
/* 圆角大小全局样式
------------------------------- */
@for $i from 1 through 100 {
	.border-r#{$i} {
		border-radius: #{$i}rpx !important;
	}
}

/* 字体大小全局样式
------------------------------- */
@for $i from 10 through 100 {
	.fs#{$i} {
		font-size: #{$i}rpx !important;
	}
}
/* 字体大小全局样式
------------------------------- */
@for $i from 10 through 100 {
	.px-fs#{$i} {
		font-size: #{$i}px !important;
	}
}

/* 外边距、内边距全局样式
------------------------------- */
@for $i from 0 through 100 {
	.mt#{$i} {
		margin-top: #{$i}rpx !important;
	}
	.mr#{$i} {
		margin-right: #{$i}rpx !important;
	}
	.mb#{$i} {
		margin-bottom: #{$i}rpx !important;
	}
	.ml#{$i} {
		margin-left: #{$i}rpx !important;
	}
	.pt#{$i} {
		padding-top: #{$i}rpx !important;
	}
	.pr#{$i} {
		padding-right: #{$i}rpx !important;
	}
	.pb#{$i} {
		padding-bottom: #{$i}rpx !important;
	}
	.pl#{$i} {
		padding-left: #{$i}rpx !important;
	}
  .padding#{$i}{
    padding:#{$i}rpx!important;
  }
  .margin#{$i}{
	  margin: #{$i}rpx!important;
  }
}


view,
scroll-view,
swiper,
swiper-item,
cover-view,
cover-image,
icon,
text,
rich-text,
progress,
button,
checkbox,
form,
input,
label,
radio,
slider,
switch,
textarea,
navigator,
audio,
camera,
image,
video {
	box-sizing: border-box;
	/* font-family:Microsoft YaHei; */
}





// 复用

.bottom-btn-area {
		height: 100rpx;
		position: fixed;
		width: 100%;
		bottom: calc(10rpx + env(safe-area-inset-bottom));
		left: 0;
		padding:0 24rpx;

		image {
			width: 54rpx;
			height: 54rpx;
			border-radius: 8rpx;
		}

		.left-bg{
			border-top-left-radius: 50rpx;
			border-bottom-left-radius: 50rpx;
			width: 74%;
			height: 100%;
			background-color:#363739;
		}

		.right-bg{
			border-top-right-radius:50rpx;
			border-bottom-right-radius:50rpx;
			background-color: #FEBA3D;
		}

		.circle-num {
			font-size: 20rpx;
			line-height: 30rpx;
			text-align: center;
			width: 30rpx;
			height: 30rpx;
			border-radius: 50%;
			background-color: #FF4D35;
			color: #fff;
			position: absolute;
			right: -7rpx;
			top: -7rpx;
		}

		.submit-order-btn {
			color:#fff;
			margin: 0;
			height: 100%;
			line-height: 100rpx;
			text-align: center;
		}
	}

.acea-row {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-o-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.acea-row.row-middle {
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.acea-row.row-top {
	-webkit-box-align: start;
	-moz-box-align: start;
	-o-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start
}

.acea-row.row-bottom {
	-webkit-box-align: end;
	-moz-box-align: end;
	-o-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end
}

.acea-row.row-center {
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-o-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.acea-row.row-right {
	-webkit-box-pack: end;
	-moz-box-pack: end;
	-o-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end
}

.acea-row.row-left {
	-webkit-box-pack: start;
	-moz-box-pack: start;
	-o-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start
}

.acea-row.row-between {
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-o-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.acea-row.row-around {
	justify-content: space-around;
	-webkit-justify-content: space-around
}

.acea-row.row-column-around {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: space-around;
	-webkit-justify-content: space-around
}

.acea-row.row-column {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-o-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.acea-row.row-column-between {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-o-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-o-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.acea-row.row-center-wrapper {
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-o-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.acea-row.row-between-wrapper {
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-o-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}
.submit-btn {
	width: 100%;
	height: 88rpx;
	line-height: 88rpx;
	background-color: #2979ff !important ;
	color: #ffffff !important;
	font-size: 20px;
	font-weight: 500;
	border-radius: 12rpx;
}
